/** font Rouble **/
@font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
    span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
    span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: 0.3ex 0 0 -0.60em; // display: none; }
    span.rur span:before { content: '\2013'; }

	

/* Default
---------------------------------------- */
html, body {height: 100%; width: 100%;}
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend, blockquote {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
body {font: 14px/1.2 Arial, serif; color: #696969; background: url(../images/bg.jpg) repeat 0px 0px #fff;}

ul {list-style: none;}
a{color: #006699; text-decoration:none;}
a:hover {color:#ed1c24; text-decoration:underline;}
a:active, a:focus {outline: none;}
.clear{overflow:hidden;*zoom:1;clear:both; width:1px; height:1px;}
.clear_right{overflow:hidden;*zoom:1;clear:right; width:1px; height:1px;}
.clear_left{overflow:hidden;*zoom:1;clear:left; width:1px; height:1px;}
.hr{border-top:1px #666 dotted; margin:40px 0px 20px;}
p{line-height:1.4;}
input, textarea {font: 12px/1.2 Georgia, serif; color: #000;}
input[type="text"]:focus { outline: none; }
input[type="submit"]:focus { outline: none; }

/* Main
---------------------------------------- */
.page:after, .wrap:after, .select-container:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
.page {min-height: 100%; position: relative;  }
.page-inner{margin: 0 auto;  min-width: 980px; }
.page-container{border:1px #c9c8c8 solid; background-color:#fff; margin:15px 100px 20px; moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.wrap {} /*  width: 960px;   margin: 0 auto; */
.container {padding: 11px 0px;}

/* Settings width screen
---------------------------------------- */
@media screen and (max-width: 1185px) {
	.page-container{margin:15px 0px;}
}

/*
@media screen and (min-width: 1400px) {
	.mount{width:1300px!important;}
}

@media screen and (min-width: 1250px) {
	.mount{width:1024px!important;}
}
*/

/* Header
---------------------------------------- */
.header_container{height:207px;  background: url(../images/header_bg.png) repeat top left; position:relative;  moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
.header_inner{}

.logo{background: url(../images/logo.png) no-repeat top left transparent; width:243px; height:141px; display:block; margin:15px 0px 0px 15px; float:left; position:relative; z-index:100;}



/* H */
h1, h2, h3, h4, h5, h6, b{color:#000000;}
h1{font: normal 18px Arial, serif; color:#303030; margin:8px 0px 20px; text-transform:uppercase;}
h2{font: 24px Georgia, Arial, serif; margin:23px 0px 8px 0px;}
h3{font: 24px Arial, Georgia, serif;}
h4{font: 18px Georgia, Arial, serif; margin:23px 0px 15px 0px;}
h5{font: 14px Georgia, Arial, serif;}
h6 {font: 12px Georgia, Arial, serif;}


/* UL */
ul {margin-left:20px;}
ul li{list-style-image: url(../images/dot.png); margin-bottom:14px; }
ul li ul{margin-top:14px; margin-left:0px;}
ul li ul li{list-style-image: none; margin-bottom:14px; margin-left:15px;}
ul li ul li span{font-weight:bold; color:#ffcc33;}

/* OL */
ol li { list-style-type: decimal; }
ol { counter-reset: list1; } 
ol li{font:14px/1.2 Arial,Georgia,serif!important}
ol li:before { counter-increment: list1; content: counter(list1) ". "; }
ol ol { counter-reset: list2; margin-top: 14px;} 
ol ol li:before {counter-increment: list2;  content: counter(list1) "." counter(list2) ". "; margin-left:30px!important;}
ol li{ margin-bottom: 14px;}







/* Navigation
---------------------------------------- */
/* nav_tools */
.tools {height:40px; margin:0px; float:right; margin-top:10px; position:relative; z-index:100;}
.tools li {display: block; margin:0px;  color:#000; margin-bottom:4px;}
.phone p, .email p{padding-left:50px;}
.email a{color:#000;}
.email p{background: url(../images/mail.png) no-repeat left 0px transparent; padding-top:10px; font-size:12px; height:23px;}
.phone p{background: url(../images/phone.png) no-repeat left 7px transparent; font:18px Tahoma, Arial, serif; width:165px;  }
.phone span{font-size:12px;}
.basket p{background: url(../images/basket.png) no-repeat left 0px transparent;padding-top:28px; font-size:12px; height:25px; padding-left:50px;}
.basket .price{height:30px!important; padding-top:23px!important;}

/* main menu */
.menu_container{background: url(../images/menu_bg.png) no-repeat 0px 0px transparent; height:47px; margin-left:15px; margin-top:7px;}
.main_menu{background: url(../images/main_menu_bg.png) no-repeat 0px 0px transparent; height:47px;float:right; width:479px;}
.m1{background: url(../images/link1.png) no-repeat 0px 0px transparent; margin-left:38px; margin-top:10px; padding-top:7px;padding-left:45px; }
.m1:hover {background-position:0px -41px;}
.m1.active {background-position:0px -41px;}
.m2{background: url(../images/link2.png) no-repeat 0px 0px transparent;margin-left:43px; margin-top:12px; padding-top:5px;padding-left:40px; }
.m2:hover {background-position:0px -46px;}
.m2.active {background-position:0px -46px;}
.m3{background: url(../images/link3.png) no-repeat 0px 0px transparent;margin-left:41px; margin-top:10px; padding-top:7px;padding-left:43px; }
.m3:hover {background-position:0px -39px;}
.m3.active {background-position:0px -39px;}
.main_menu a{height:30px; color:#303030; text-decoration:none;  display: -moz-inline-stack;  display: inline-block;  vertical-align: top;  zoom: 1;    *display: inline;}

/* search */
.search{padding-top:11px; margin-left:13px;}
.search input{width:205px; border:none 0px; -moz-box-shadow: 0px 3px 5px #c7c7c7 inset; -webkit-box-shadow: 0px 3px 5px #c7c7c7 inset; box-shadow: 0px 3px 5px #c7c7c7 inset; padding:3px 5px; border-top:1px #c7c7c7 solid;  moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; background-color:#fff; font-size:12px; height:18px; font-style:italic; font-family:arial;}
input.search-field {color:#8f8f8f;}
input.selected {color:#000}
input.search_link {background: url(../images/search.png) no-repeat 0px 0px transparent; border:0px!important; moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 3px 5px transparent inset; -webkit-box-shadow: 0px 3px 5px transparent inset; box-shadow: 0px 3px 5px transparent inset; width:20px; margin-left:-30px; cursor:pointer;}

/* SIDEBAR
---------------------------------------- */

/* download price */
.down_price{background: url(../images/down_price.png) no-repeat 0px 0px transparent; display:block; width:228px; height:32px;}
.down_price:hover {background-position:0px -32px;}


.sidebar, .content{}
.sidebar{width:240px; margin-left:15px; float:left;}
.content{margin-left:250px;}

/* download price */
.content_menu i{background: url(../images/menu_shadow.png) no-repeat 0px 1px transparent; width:192px; height:39px; position:absolute; left:7px;}
.content_menu{font:12px Tahoma, Arial, serif; min-height:100px; width:223px; border:1px #d5d5d5 solid; background-color:#f5f5f5; margin-top: 8px; position:relative;  moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.content_menu img{margin:-1px 0px 0px -1px;}

.content_menu a{display:block; text-decoration:none; margin:10px 3px 0px; padding:0px 7px 10px; border-bottom:1px #e0e0e0 solid; color:#000;}
.content_menu a:hover {color:#ed1c24;}
.content_menu a.activated{color:#ed1c24;}

.content_hover{display:none; border-bottom: 1px solid #E0E0E0;    margin: 0 3px;    padding-bottom: 10px;}
.content_hover a{padding:0px 0px 0px 22px!important; margin-top:5px; color:#777777; display:block; text-decoration:none; border:0px; background: url(../images/arrow.png) no-repeat 7px 6px transparent;}
.content_hover a:hover {}
.last {border-bottom:0px!important;}


/* CONTENTBAR
---------------------------------------- */
.title{font: normal 18px Arial, serif; color:#303030; margin:8px 0px 20px; text-transform:uppercase;}
.readmore{color:#ed1c24; font-size:12px; font-weight:bold; text-decoration:none; margin-top:5px; display:block;}
.readmore:hover {text-decoration:underline;}

/* welcome about block */
.lc{margin-right:320px;}
.rc{float:right; width:300px; font-size:12px;}
.note{background: url(../images/note.png) no-repeat 0px 0px transparent; padding-left:45px; min-height:40px; margin-bottom:20px; margin-right:30px;}
.lc p{margin-bottom:10px;}

/* new products block */
.new_items{background: url(../images/shadow.png) no-repeat 5px 170px transparent; display: -moz-inline-stack;  display: inline-block;  vertical-align: top;  zoom: 1;    *display: inline; width:201px; margin-right:50px; position:relative; margin-bottom:30px;}
.new_items img{padding:12px; border:1px #b2b0b0 solid;}
.new_items p{font-size:12px; margin-top:15px; color:#696969;}
.new_items a{color:#696969;}

.new_items i{background: url(../images/ribbon.png) no-repeat 0px 0px transparent; width:56px; height:56px; position:absolute; right: 10px;    top: 10px;}

/* faq */
.faq{margin-right:30px; margin-bottom: 30px;}
.faq_q {background: url(../images/faq.png) no-repeat 0px -43px transparent; padding-left:25px; color:#3e3e3e; display:block; margin-bottom: 13px; padding-bottom: 13px;}
.faq_border{border-bottom:1px #d7d7d7 solid; background-position:0px 0px;}
.faq_q:hover { color:#3e3e3e;}
.faq_a{background-color:#f3f2f2; color:#3e3e3e; border:1px #d7d7d7 solid; padding:10px; margin:0px 20px 20px 0px; position:relative; font-size:13px; display:none; margin-top:-10px;}
.faq_a i{background: url(../images/faq_arrow.png) no-repeat 0px 0px transparent; width:24px; height:15px; position:absolute; left: 20px;    top:-11px;}
.faq_a p{line-height:1.6;}

/* contacts */
.cl{float:left; margin-right:70px; height:250px;}
.cr{float:left; font-size:12px;}
/* contacts_tools */
.c_tools {height:40px; margin:0px; margin-top:30px;}
.c_tools li {display: block; margin:0px;  color:#777777; margin-bottom:10px;}
.c_phone p, .c_email p, .c_mobile p, .c_address p{padding-left:50px;}
.c_email p{background: url(../images/mail.png) no-repeat left -64px transparent; padding-top:10px; font-size:12px; height:25px;}
.c_phone p{background: url(../images/phone.png) no-repeat left -70px transparent; font:12px Tahoma, Arial, serif; width:165px;  }
.c_email a{color:#777777;}
.c_mobile p{background: url(../images/mobile.png) no-repeat 0px 4px transparent; padding-top:10px; font-size:12px; height:30px;}
.c_address p{background: url(../images/address.png) no-repeat 0px 8px transparent; padding-top:10px; font-size:12px;}

.map{border:1px #cccccc solid;}
.map {display:block;}

#port {position: relative;height: 156px;}


/* Footer
---------------------------------------- */
.footer{background: url(../images/footer.png) repeat-x 0px 20px transparent; height:200px;}
.webkmv{float:right; padding-top:165px;  margin-right:40px;}
.copyright{padding-top:140px; margin-left:40px;}
.copyright a, .copyright p, .webkmv a{font:12px Tahoma, Arial, serif; color:#777;}
.copyright p{margin-top:10px;}
.content_shadow{background: url(../images/content_shadow.png) no-repeat 0px 0px transparent; width:463px; height:13px; position:absolute;bottom:-13px; left:33%;}







/* =============================== PRICE PAGE ========================================================== */
.m100{margin-left:100px;}
.price_img{position:relative; }
.price_img  a{display:block;}
.price_img img{padding:3px; border:1px #d2d6d6 solid;}
.price_img i{background: url(../images/price_shadow.png) no-repeat 0px 1px transparent; width:68px; height:7px; position:absolute; left:0px; top:71px;}
.ribbon{background: url("../images/ribbon.png") no-repeat scroll 0 0 transparent;    height: 56px;    position: absolute;    top: -4px; left: 19px;   width: 56px;}

.price{font:bold 18px Tahoma, Arial, serif!important; color:#303030!important;}
.tablesorter input{width:40px; border:none 0px; -moz-box-shadow: 0px 3px 5px #c7c7c7 inset; -webkit-box-shadow: 0px 3px 5px #c7c7c7 inset; box-shadow: 0px 3px 5px #c7c7c7 inset; padding:3px 5px; border-top:1px #c7c7c7 solid;  moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; background-color:#fff; font-size:12px; height:18px; font-family:arial; text-align:center; float:left; margin-top:5px;}
.add{float:right;}
.plus, .minus{width:17px; height:17px; display:block;}
.plus{background: url("../images/plus.png") no-repeat scroll 0 0 transparent;}
.minus{background: url("../images/minus.png") no-repeat scroll 0 0 transparent;}
.basket_price {background: url("../images/basket_price.png") no-repeat scroll 0 0 transparent; width:32px; height:35px; display:block;}
.price_arrow{padding-left: 25px;   text-align: left;}

/* pagination */
.pagination{ text-align:center;}
.pagination a{  display: -moz-inline-stack;  display: inline-block;  vertical-align: top;  zoom: 1;    *display: inline; background: url("../images/pager.png") no-repeat scroll 0 4px transparent;
width:26px; height:22px; padding-top: 8px; font:bold 14px Arial, Tahoma, serif; color:#4e546a; text-decoration:none;  -moz-text-shadow: 0px 1px 0px #fff; -webkit-text-shadow: 0px 1px 0px #fff; text-shadow: 0px 1px 0px #fff;}
.pagination a:hover {background-position:0px -33px}
.pagination a.current {background-position:0px -70px; color:#fff; -moz-text-shadow: 0px 1px 0px #4e546a; -webkit-text-shadow: 0px 1px 0px #4e546a; text-shadow: 0px 1px 0px #4e546a;}
.pagination a.first, .pagination a.last{ width:57px; height:20px; font:bold 11px Arial, Tahoma, serif; padding-top: 9px;}
.pagination a.first, .pagination a.first:hover {background: url("../images/prev.png") no-repeat scroll 0 4px transparent;}
.pagination a.last, .pagination a.last:hover {background: url("../images/next.png") no-repeat scroll 0 4px transparent;}













/* Print
---------------------------------------- */
@media print {
	body {color: #000; background: #fff; font: 12pt Georgia, 'Times New Roman', serif;}
	a, a:link, a:visited {color: #000 !important; text-decoration: none !important; font-weight: bold;}
	a:link:after, a:visited:after {content:" [" attr(href) "] "; font-size: 10pt;}
}